.index-term{
@import "../../../common/static/lib/css/root.less";
  .line{
    height: 30px;
    background: url(./image/line.png) no-repeat;
  }
  .line1{
    background-position: center 0;
  }
  .line2{
    background-position: center -30px;
  }
  .line3{
    background-position: center -60px;
  }
  .summary{
    padding:20px 0 40px 0;
  }
  .products{
    padding:40px 0;
    .term-block{
      width: 300px;
      float: left;
      .term-content{
        background: #fff;
        border: 1px solid #ebebeb;
        padding: 30px 0;
        .product-type{
          .profit-rate{
            width: 90px;
            height: 90px;
            margin:0 auto;
            .border-radius(45px);
            line-height: 90px;
            font-size:50px;
            .symbol{
              font-size:25px;
            }
          }
          .name{
            text-align: center;
            height: 50px;
            line-height: 40px;
          }
        }
        .credit-container{
          border-top:1px solid #d5d5d5;
          margin:0 10px;
          .desc{
            margin-top:10px;
            line-height: 40px;
          }
          .credit{
             height: 50px;
          }
          .btn-container{
            text-align: center;
            padding-top:20px;
          }
        }
      }
    }

    .product:hover{
      box-shadow: 3px 3px 3px #dddddd;
      .term-content{
        .product-type{
          .profit{
            .transform(scale(1.05));
          }
        }
      }
    }

  }
}